.weather-button{
    -fx-background-image: url("/images/weather.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.express-button{
    -fx-background-image: url("/images/express.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.constellation-button{
    -fx-background-image: url("/images/constellation.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.stature-button{
    -fx-background-image: url("/images/stature.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.json-button{
    -fx-background-image: url("/images/json.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.generator-button{
    -fx-background-image: url("/images/generator.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.ocr-button{
    -fx-background-image: url("/images/ocr.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.ascii-button{
    -fx-background-image: url("/images/ascii.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}

.top-button{
    -fx-background-image: url("/images/top.png");
    -fx-background-size: contain ;
    -fx-font-size: 14px;
    -fx-padding: 20px 30px;
    -fx-background-radius: 50px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 0);
    -fx-graphic-text-gap: 5px;
    -fx-border-color: transparent;
}
